<template>
  <el-collapse v-model="activeNames" @change="handleChange">
    <el-collapse-item title="立项待审核批次" name="1">
     
    </el-collapse-item>
    <el-collapse-item title="中期待审批次" name="2">
    
    </el-collapse-item>
    <el-collapse-item title="结项待审批次" name="3">
     
    </el-collapse-item>
    <el-collapse-item title="延期待审项目" name="4">
   
    </el-collapse-item>
  </el-collapse>
</template>
<script>
export default {
 data() {
      return {
        activeNames: ['1']
      };
    },
    methods: {
      handleChange(val) {
        console.log(val);
      }
    }
  }
</script>
<style scoped>
</style>